<!-- html的语法 -->
<!-- 标签 开始标签，结束标签-->
<!-- 写在开始标签内部，用来进一步描述标签的内容 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的第一个网页</title>
</head>
<body>
    <!-- html注释 -->
    <!-- 标题标签 -->
    <!-- ctrl+/ -->
    hello，html
    <h1>
        标题标签
        hello，world
    </h1>
    <div>
        <h2>hello，world</h2>
        <h3>hello，world</h3>
        <h4>hello，world</h4>
        <h5>hello，world</h5>
        <h6>hello，world</h6>
    </div>
    <!-- 段落标签 -->
    <span><h1>这是我的第一篇文章</h1></span>
    <p>这是我的第一个网页</p>
    <p>这是我的第一个网页</p>
    <p>这是我的第一个网页</p>
    <p>这是我的第一个网页</p>
    <p>这是我的第一个网页</p>
    <p>这是我的第一个网页</p>
    <h1>水果列表</h1>
    <!-- 无序列表 -->
    <ul>
        <li>香蕉</li>
        <li>西瓜</li>
        <li>苹果</li>
        <li>鸭梨</li>
    </ul>
    <!-- 有序列表 -->
    <ol>
        <li class="hot">香蕉</li>
        <li class="hot">西瓜</li>
        <li class="cool">苹果</li>
        <li class="cool">鸭梨</li>
    </ol>
    <a href="\login">登陆</a>
    <img src="lanmao.jpg" alt="图片加载失败...">
</body>
</html>